<template>
	<div>
	<mt-header title="修改名称">
	  <router-link to="/bjxx" slot="left">
	    <mt-button icon="back"></mt-button>
	  </router-link>
	  <mt-button slot="right" @click='wc'>完成</mt-button>
	</mt-header>
	<p>请设置2-24个字符，不包含@/等无效符号哦~</p>
	<input type="text" value="颜">
	</div>
</template>

<script>
	export default{
		methods:{
			wc(){
				this.$router.push('/bjxx')
			}
		}
	}
</script>

<style lang="less" scoped>
	.mint-header{
		background:#F8F8F8 100%;
		color: rgba(16, 16, 16, 100);
		font-size: 16px;
	}
	div{
		p{
			// color: #EFF0F5 1%;
			color:#A7A7AB;	
			font-size: 12px;
			text-align: left;
			margin-left: 40px;
			margin-top: 20px;
		}
		input{
			margin-top: 20px;
			width: 80%;
			height: 40px;
			background-color: rgba(255, 255, 255, 50);
			font-size: 14px;
			// border: 1px solid #000;
			box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
			margin-left: 10px;
			text-align: center;
		}
	}
</style>
